.mesHeader {
  position: fixed;
  top: 0;
  left: 0;
  height: 70px;
  z-index: 999;
  width: 100%;
  background: linear-gradient(90deg, #1a5eff, #3f78ff);
  box-shadow: 0px 1px 3px 0px rgba(0, 30, 159, 0.05);
}

.ant-layout-sider {
  min-height: 100vh;
  background: #999;
}

.bg {
  background: #171c46 !important;
}

// 样式继承
.skin {
  color: #999 !important;
  background: #171c46 !important;
}

// 白色
.white {
  color: #fff !important;
}
.ant-layout {
  background: #000;
}

.ant-card-body {
  &:extend(.skin);
  tr {
    &:extend(.skin);
    th {
      &:extend(.skin);
    }
  }
}
.ant-card-head-title {
  color: #fff !important;
}
.ant-card-head {
  border-bottom: 2px solid #999 !important;
}
.ant-progress-text {
  &:extend(.skin);
}
.ant-modal-body {
  &:extend(.skin);
}

.ant-pagination {
  &:extend(.skin);
}
.ant-pagination-item-ellipsis {
  border: 1px solid #999;
}
.ant-pagination-jump-prev
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis,
.ant-pagination-jump-next
  .ant-pagination-item-container
  .ant-pagination-item-ellipsis {
  border: 1px solid #999;
  color: #1890ff !important;
}
.ant-form-item-label > label {
  &:extend(.skin);
}

.ant-tree-title {
  &:extend(.skin);
}

.ant-input {
  &:extend(.skin);
}

.ant-input[disabled] {
  &:extend(.skin);
}

.ant-upload.ant-upload-select-picture-card > .ant-upload {
  &:extend(.skin);
}

.ant-select-selection {
  &:extend(.skin);
  .ant-select-arrow {
    &:extend(.skin);
  }
}

.ant-card {
  border: none;
}
.ant-modal-header {
  &:extend(.skin);
}

.ant-modal-title {
  &:extend(.skin);
}
.ant-select-dropdown {
  &:extend(.skin);
}

.ant-modal-close-x {
  color: #999;
}
.ant-drawer-close {
  color: #999;
}

.ant-select-tree-switcher {
  &:extend(.skin);
}
.ant-select-tree-title {
  &:extend(.skin);
}
.ant-select-tree-node-content-wrapper {
  &:extend(.skin);
}

.ant-card {
  &:extend(.skin);
}

.ant-drawer-header {
  &:extend(.skin);
}
.ant-drawer-title {
  &:extend(.skin);
}

.ant-layout-sider-children {
  background: #001529;
}
.ant-time-picker-panel-input {
  &:extend(.bg);
  &:extend(.skin);
}
.ant-time-picker-panel-select-option-selected {
  &:extend(.bg);
  &:extend(.skin);
}

.ant-time-picker-input {
  &:extend(.bg);
  &:extend(.skin);
}

.ant-time-picker-panel-inner {
  &:extend(.bg);
  &:extend(.skin);
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  &:extend(.skin);
}
.has-error .ant-input,
.has-error .ant-input:hover {
  &:extend(.skin);
}

.ant-table {
  &:extend(.skin);
}

.ant-table-placeholder {
  &:extend(.skin);
}
.ant-input-number-input-wrap {
  &:extend(.skin);
}

.ant-select-disabled .ant-select-selection {
  &:extend(.skin);
}

.ant-drawer-body {
  &:extend(.skin);
}

.ant-select-dropdown-menu-item {
  &:extend(.skin);
}

.ant-table-body {
  &:extend(.skin);
}
.ant-table-thead > tr > th {
  &:extend(.skin);
}

// 多册表格样式
.ant-table-tbody > tr > td {
  color: #999 !important;
  background: #171c46 !important;
}

.cargoBox {
  &:extend(.skin);
}

.tabBox {
  &:extend(.skin);
}

.serialNumber {
  &:extend(.white);
}

.ant-modal-confirm-title {
  &:extend(.white);
}

.shop {
  &:extend(.white);
}
.header {
  &:extend(.white);
}
.header-left {
  &:extend(.white);
}
.content-right {
  &:extend(.white);
}
.col-box {
  &:extend(.white);
}
.title {
  &:extend(.white);
}

.ant-form-item-children {
  &:extend(.white);
}

.ant-select-selection__choice {
  &:extend(.skin);
}
.ant-empty-description {
  &:extend(.skin);
}
.ant-tabs-tab {
  color: #fff;
}

// 车间看板
.work-back {
  background: #0c0d23;
  border: 1px solid #2c3765;
  border-radius: 4px;
}
.work-shop {
  background: #171c46 !important;
  .work-header {
    background: #171c46;
    border: 1px solid #2c3765;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.01);
  }
  .crop-box {
    &:extend(.work-back);
  }
  .rate-box {
    &:extend(.work-back);
  }
  .info-box {
    &:extend(.work-back);
  }
  .quantity-box {
    &:extend(.work-back);
  }
  .output-box {
    &:extend(.work-back);
  }
  .dynamics {
    &:extend(.work-back);
  }
  .info-content {
    background: rgba(23, 28, 70, 0.3);
  }
  .header {
    background: linear-gradient(90deg, #131540, #33355d);
    border: 2px solid #30355a;
    border-radius: 4px;
    position: relative;
    &::after {
      position: absolute;
      content: "";
      bottom: -1px;
      left: 20px;
      width: 35px;
      height: 1px;
      background: #1a5eff;
    }
  }

  .year {
    color: #e8efff !important;
  }

  .hour {
    color: #e8efff !important;
  }
  .status-box {
    border: 1px solid #171c46 !important;
  }
  .label {
    color: #4e5868 !important;
  }
  .text {
    color: #e8efff !important;
  }
}
